html { font-size: 100px; }
@media screen and (max-width: 640px) {
html { font-size: 100px; }
}
@media screen and (max-width: 610px) {
html { font-size: 95px; }
}
@media screen and (max-width: 580px) {
html { font-size: 90px; }
}
@media screen and (max-width: 540px) {
html { font-size: 84px; }
}
@media screen and (max-width: 510px) {
html { font-size: 80px; }
}
@media screen and (max-width: 480px) {
html { font-size: 75px; }
}
@media screen and (max-width: 450px) {
html { font-size: 70px; }
}
@media screen and (max-width: 428px) {
html { font-size: 67px; }
}
@media screen and (max-width: 406px) {
html { font-size: 63px; }
}
@media screen and (max-width: 375px) {
html { font-size: 58.6px; }
}
@media screen and (max-width: 360px) {
html { font-size: 56px; }
}
@media screen and (max-width: 320px) {
html { font-size: 50px; }
}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; }
body, input, button, textarea { font-size: 0.4rem; outline: none }
body { margin: auto; color: #333; font-size: 100px; font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; font-size: 0.4rem; overflow: scroll;}
fieldset, img { border: 0 }
ol, ul, li { list-style: none; overflow: hidden; }
address, em { font-style: normal }
a { color: #333; text-decoration: none; outline: none }
table { border-collapse: collapse }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
input[type="button"], input[type="submit"], input[type="reset"], textarea { -webkit-appearance: none; }


